<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>post method</title>	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">    
  	<script type="text/javascript">
		var xmlHttp;
		function createXMLHttpRequest(){
			if(window.ActiveXObject){				// IE 
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
			else if(window.XMLHttpRequest){			// 非微软浏览器
				xmlHttp = new XMLHttpRequest();
			}
		}
		function startRequest(){
			createXMLHttpRequest();			
			xmlHttp.onreadystatechange = handleStateChange;		//  回调函数,检查 xmlHttp 的属性 readyState 和 status,
			//  在服务器正确返回后显示返回的内容
			var name = document.getElementById("name").value;	//  得到表单输入值
			xmlHttp.open("POST","hello.jsp",true);
			//  使用 POST 方法在 open() 后必须设置 XHR 对象的 Content-Type 头
			xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");	
			xmlHttp.send("name="+name);						//  POST 方法在 send() 中传送参数 ,
		}
		function handleStateChange(){
			if(xmlHttp.readyState == 4){					//  请求完成
				if(xmlHttp.status == 200){					//  成功得到请求内容
				//  提示服务器的返回信息
				alert("服务器返回信息:" + xmlHttp.responseText);
				}
			}
		}
	</script>
  </head>  
  <body>
      <form action="#">
    		姓名:<input type="text" id="name" name="name" >
    		<input type="button" value="POST请求" onclick="startRequest()" />    		
    	</form>
  </body>
</html>
